<style type="text/css">

   @import "http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css";
   @import "http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/grid/resources/Grid.css";
   @import "http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/grid/resources/claroGrid.css";
   @import "./files/style/general.css";
   .dojoxGrid table { margin: 0; } html, body { width: 100%; height: 100%; margin: 0; }
   
</style>
<script>
     djConfig={ baseUrl: '/', modulePaths: {'leaguedata.widgets': 'files/js/widgets'} }
   </script>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" djConfig="parseOnLoad:true, isDebug: false"></script>
   <script>
     dojo.require("leaguedata.widgets.ResultsGrid");
     dojo.require("leaguedata.widgets.StandingsGrid");
  
     function start(){
       var results = dojo.byId( "results" ); 
       var standings = dojo.byId( "standings" ); 
       var sg = new leaguedata.widgets.StandingsGrid( {}, standings );   
       var fg = new leaguedata.widgets.ResultsGrid( {}, results, sg, true );
     }

     dojo.addOnLoad( start );
</script>
<div id = "resultstitle" class="resultsTitle">Results</div>
<div id = "standingstitle" class="standingsTitle">Standings</div>
<div id = "results" class="resultsContainer"></div> 
<div id = "standings" class="standingsContainer"></div>
</body>
